<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- <link rel="stylesheet" type="text/css" href="css/new_file.css"/> -->
		<style type="text/css">
			body {
				margin: 0;
				/* padding: 0; */
			}
			.zxc {
				background-color: yellow;
				width: 100%;
				height: 550px;
				animation: bii 1s ease-in-out infinite;
			}

			@keyframes bii {
				0% {
					background-color: yellow;
				}

				10% {
					background-color: yellowgreen;
				}

				20% {
					background-color: #FFC0CB;
				}

				30% {
					background-color: cornflowerblue;
				}

				40% {
					background-color: gold;
				}

				50% {
					background-color: greenyellow;
				}

				60% {
					background-color: #A8D6FE;
				}

				70% {
					background-color: #D44457;
				}

				80% {
					background-color: #F9C922;
				}

				90% {
					background-color: #FFFF00;
				}

				100% {
					background-color: coral;
				}
			}
		</style>
	</head>
	<body>
		
		<div class="zxc">

		</div>
	</body>
</html>
